<div class="">
    <div class="white-bg padding-left padding-right padding-top border-radius-top">
        <div class="flex justify-between">
            <div class="text-title">用户信息</div>
            <div>
                <button type="button" class="btn btn-primary btn-sm" style="margin-left:10px" v-on:click="vc.goBack()">
                    <i class="fa fa-times"></i>返回
                </button>
            </div>
        </div>
        <!-- 业主信息 -->
        <div class="margin-top">

            <div class="row">
                <div class="col-sm-4">
                    <div class="form-group">
                        <label class="col-form-label">
                            <vc:i18n name="编号：" namespace="systemUserDetailInfo"></vc:i18n>
                        </label>
                        <label class="">{{systemUserDetailInfo.userId}}</label>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="form-group">
                        <label class="col-form-label">
                            <vc:i18n name="名称：" namespace="systemUserDetailInfo"></vc:i18n>
                        </label>
                        <label class="">{{systemUserDetailInfo.userName}}</label>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="form-group">
                        <label class="col-form-label">
                            <vc:i18n name="身份证：" namespace="systemUserDetailInfo"></vc:i18n>
                        </label>
                        <label class="">{{systemUserDetailInfo.idCard}}</label>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-4">
                    <div class="form-group">
                        <label class="col-form-label">
                            <vc:i18n name="手机：" namespace="systemUserDetailInfo"></vc:i18n>
                        </label>
                        <label class="">{{systemUserDetailInfo.tel}}</label>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="form-group">
                        <label class="col-form-label">
                            <vc:i18n name="性别：" namespace="systemUserDetailInfo"></vc:i18n>
                        </label>
                        <label class="">{{systemUserDetailInfo.sex == '0'?'男':'女'}}</label>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="form-group">
                        <label class="col-form-label">
                            <vc:i18n name="住址：" namespace="systemUserDetailInfo"></vc:i18n>
                        </label>
                        <label class="">{{systemUserDetailInfo.address}}</label>
                    </div>
                </div>
            </div>

        </div>
        <div class="vc-line-primary margin-top"></div>
        <div class="margin-top-sm">
            <ul class="nav nav-tabs">
                <li class="nav-item">
                    <a class="nav-link" v-bind:class="{active:systemUserDetailInfo._currentTab == 'aUserDetailAttr'}"
                        v-on:click="changeTab('aUserDetailAttr')">
                        <vc:i18n name="用户属性" namespace="ownerDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link"
                        v-bind:class="{active:systemUserDetailInfo._currentTab == 'aUserDetailStaff'}"
                        v-on:click="changeTab('aUserDetailStaff')">
                        <vc:i18n name="关联员工" namespace="ownerDetail"></vc:i18n>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link"
                        v-bind:class="{active:systemUserDetailInfo._currentTab == 'aOwnerDetailAppUser'}"
                        v-on:click="changeTab('aOwnerDetailAppUser')">
                        <vc:i18n name="关联业主" namespace="ownerDetail"></vc:i18n>
                    </a>
                </li>
            </ul>
        </div>
        <div v-if="systemUserDetailInfo._currentTab == 'aUserDetailAttr'">
            <vc:create path="staff/aUserDetailAttr"></vc:create>
        </div>
        <div v-if="systemUserDetailInfo._currentTab == 'aUserDetailStaff'">
            <vc:create path="staff/aUserDetailStaff"></vc:create>
        </div>
        <div v-if="systemUserDetailInfo._currentTab == 'aOwnerDetailAppUser'">
            <vc:create path="owner/aOwnerDetailAppUser"></vc:create>
        </div>
        
        
    </div>
</div>